/**
 * 轮播图效果
 */
function play() {
	index++;
	if (index == count) {
		index = 0;
	}
	$(".images").animate(
			{
				"margin-left" : -1200
			},
			1000,
			function() {
				//动画的回调函数
				$("#lunbo .img:first").appendTo(".images").find("h2").css(
						"top", "-100px");
				$(".images").css("margin-left", "0px");
				//让小点对应的选中
				$("#lunbo .dots span").eq(index).addClass("active").siblings()
						.removeClass("active");
			});
}
var timer; //定时器函数
var index = 0; //当前显示的图片索引
var count = 0; //轮播图片的数量

$(function() {
	$(".dots span:first").addClass("active");

	count = $("#lunbo div.img").length;
	//启动一个定时器函数，用于轮播图片
	timer = setInterval("play()", 3000);

	//给轮播图添加一个悬停和离开事件
	$("#lunbo").hover(function() {
		clearInterval(timer);
	}, function() {
		timer = setInterval("play()", 3000);
	});

	//给右箭头绑定点击事件
	$(".right").click(function() {
		play();
	});
	$(".left").click(
			function() {
				index--;
				if (index < 0) {
					index = count - 1;
				}
				//1. 将最后一张图片放到第一个位置 
				$("#lunbo .img:last").prependTo(".images");
				//2. 将margin-left 改为-1200
				$(".images").css("margin-left", "-1200px");
				//3. 图片动画： -1200 --> 0
				$(".images").animate(
						{
							"margin-left" : 0
						},
						1000,
						function() {
							$("#lunbo .dots span").eq(index).addClass("active")
									.siblings().removeClass("active");
						});
			});

	//给小点绑定点击事件
	$("#lunbo .dots span").click(function() {
		//1. 获取点击的是第几个：获取点击的是第几个span，要索引
		var i = $("#lunbo .dots span").index(this);

		//2. 和当前是第几张图片对比一下，如果是正数，相当下一张，否则，上一张
		var paojige = i - index;
		$(this).addClass("active").siblings().removeClass("active");

		if (paojige > 0) {
			$(".images").animate({
				"margin-left" : -1200 * paojige
			}, 1000, function() {
				$("#lunbo .img:lt(" + paojige + ")").appendTo(".images");
				$(".images").css("margin-left", 0);
			});
		} else {
			//往左点击了 3 2  count paojige
			//Math.abs() 求绝对值
			var aa = count - Math.abs(paojige) - 1;
			$(".images .img:gt(" + aa + ")").prependTo(".images");
			$(".images").css("margin-left", -1200 * Math.abs(paojige));
			$(".images").animate({
				"margin-left" : 0
			}, 1000);
		}
		index = i;
	});
});

$(function(){
	$(".nav>.xunhuan").hover(function(){
		var index=$(".nav>.xunhuan").index(this);
		$(".nav .xunhuan div:eq("+index+")").toggle();
	})
})